*{margin:0;padding:0;word-wrap:break-word;}
a{text-decoration:none;color:#F3F;}
header,nav,aside,section,footer{display:block;}
a:hover{text-decoration:underline;}
body{background:#c299c2;font:12px Arial;color:#555;}
h2{color:#F3F;font:18px Arial;margin:0 0 10px;}
option{padding:0 5px 0 3px;}
#thumbBox{position:absolute;left:0;top:0;padding:7px;background:#EEE;visibility:hidden;z-index:10;cursor:hand;cursor:pointer;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;box-shadow:1px 1px 5px #555;z-index:11;}
#thumbBox .footerbar{font:bold 16px/1.1em Arial;padding:5px 0 0;text-align:right;}
#thumbBox #thumbImage{border:1px solid #DDD;background:#FFF;}
#thumbLoading{position:absolute;visibility:hidden;border:1px solid black;background:#FFF;padding:5px;z-index:11;}
#loginhead{border-bottom:#CCCCCC solid 1px;height:23px;background:#fff;color:#000;padding-top:5px;}
#loginhead img{width:auto;}
#loginhead a{color:#00F;}
.clear{clear:both;}
.p{margin:10px 0;}
ul{list-style:none;}
.hl,.hm,.hr,.menu .mm,.button .m{background:url(sm-P.jpg) repeat-x;}
#wrap{width:1000px;margin:0 auto;}
.head{margin:0 auto;height:200px;width:1000px;}
.hl,.hm,.hr{float:left;height:200px;}
.hl{background-position:0 0;width:44px;}
.hm{background-position:0 -200px;width:939px;height:200px;}
.memtype{float:left;text-align:center;width:200px;font-weight:bold;margin-top:37px;}
.banner{width:1000px;margin:10px 0;}
.banner img{max-width:1000px;margin:0 auto;display:block;height:auto;}
.since{font:11px Arial;color:#AAA;}
.cpimg{margin:0 10px 0 0;}
.cpname{float:left;width:739px;color:#C00;text-align:center;margin-top:37px;}
.cpname a{font:11px "Courier New";color:#888;}
.cpnameb{width:739px;color:#3e3e40;text-align:center;font:bold 14px arial;}
.cpnameb a{font:11px "Courier New";color:#333;}
.mrq{margin:162px 0 0;_margin:60px 0 0;color:#C00;font:bold 13px Arial;}
#jsmarquee{position:relative;overflow:hidden;height:30px;}
#vmarquee{position:absolute;left:0;}
.hr{background-position:16px 0;width:17px;}
.fb,.twt,.gpls,.in,#lang span, #pdsnext,#pdsprev,.menu .ml,.menu .mr,.button .l,.button .r{background:url(bttn.png) no-repeat;}
.content{background:#fcf;padding:10px;position:relative;_zoom:1;}
.sidebar{width:200px;float:left;}
.qsearch{border:1px solid #C3C3C3;background:#FFF;margin:0 0 10px;}
.qsearch #q{border:none;font:12px Arial;color:#777;background:transparent;float:left;padding:3px;width:171px;_width:168px;}
.qsearch #q.focus{color:#000;}
.menu{font:bold 12px/32px Tahoma;margin:10px 0;color:#FFF;}
.menu span{height:32px;float:left;}
.menu a{color:#484848;}
.menu .ml{background-position:-58px -41px;width:12px;}
.menu .mm{background-position:0 -400px;width:176px;overflow:hidden;}
.menu .mr{background-position:-70px -41px;width:12px;}
.grupmenu{position:relative;_zoom:1;z-index:15;}
.grupmenu.hover .subgrup{display:block;}
.subgrup{clear:both;position:absolute;left:100%;list-style:none;display:none;border:#e7add3 solid;border-width:1px 1px 1px 3px;background:#e4a3cd;top:0;padding:2px 10px;z-index:12;}
.subgrup li{font:normal 12px/25px Arial !important;white-space:nowrap;height:auto !important;border-bottom:#e7add3 dashed 1px;}
.subgrup li a{display:block;padding:0 5px;}
.box{background: #ffffff;border: #e373d1 1px solid;padding: 10px;margin: 10px 0 0;color: #000000;}
.cpcontact .t{margin:0 0 10px;font:bold 13px Arial;background-color: #fcf;padding: 5px;text-align: center;}
.cpcontact span{display:block;margin:3px 0;overflow:hidden;}
.homepage div div{float:none !important;}
.imsg{overflow:hidden;width:178px;}
.review{text-align:center;}
.review div{font-weight:bold;}
.review a{display:block;}
.review span{display:block;font-weight:bold;margin:5px 0 0;}
.conbar{width:770px;float:right;}
#lang{line-height:19px;color: #000000;font-weight: bold;margin:3px 0 0;float:left;}
#lang a{float:left;display:block;}
#lang span{display:block;float:left;width:30px;height:18px;margin:0 3px;vertical-align:middle;}
#lang .flag-id{background-position:0 0px;}
#lang .flag-en{background-position:-30px 0px;}
.titlebg{text-align: center;color: #000000;font: bold 12px/20px Tahoma;border-bottom: #e373d1 solid 2px;}
.ps-container{padding:0 40px;position:relative;margin:5px 0 0;z-index:10;_zoom:1;}
#ps{position:relative;overflow:hidden;height:150px;left:-40px;width:768px;}
.ps-container img{border:none;}
#ps div{position:absolute;}
#ps td{text-align:center;padding:5px;white-space:nowrap;}
#ps td:hover{background:#FB7F02;}
#pdsnext,#pdsprev{width:29px;height:29px;position:absolute;top:53px;visibility:hidden;}
#pdsnext{right:5px;background-position: 0px -41px;}
#pdsnext:hover{right:5px;background-position: 0 -70px;}
#pdsprev{left:5px;background-position: -29px -41px;}
#pdsprev:hover{right:5px;background-position:-29px -70px;}
.ps-container:hover #pdsnext,.ps-container:hover #pdsprev{visibility:visible;}
.revpaging{padding:5px 10px;background:#BFC4E2;margin:5px 0;}
.rrlink{text-align:left;padding:5px 0 5px 5px;background-color:#eaeaea;}
.pp td{text-align:left;}
#bibox{padding:5px 0;text-align:left;border-bottom: #D9AF6A solid 1px;}
#djlu{text-align:left;border-top: #D9AF6A solid 1px;padding:5px 0 0;}

.cpprod{list-style:square;margin:0 31px 0 18px;text-align:justify;}
.cpprod li{margin:0 -8px 0 0px}
.incplist{background:#f9f;margin:10px 0 0;}
.incplist a{line-height:30px;margin:0 5px;color:#ffffff;}
.button{font:11px/25px Arial;}
.button a{color:#00C;}
.button span{float:left;height:25px;}
.button .l{background-position:-58px -74px;width:12px;}
.button .m{background-position:0 -433px;font-weight:bold;color:#fff;}
.button .r{background-position:-70px -74px;width:12px;}
.grupdesc{padding:10px 0 10px;}
.grupdesc img{float:left;margin:0 10px 0 0;border:#ccc 1px solid;}
.inq{padding:5px;}
.inq span{float:left;line-height:23px;}
.selectall{float:left;line-height:27px;margin:5px 0 0 0;}
.selectall a{color:#555;}
.ppp{float:right;line-height:27px;margin:5px 10px 0 0;}
.viewopt{float:right;margin:13px 0 0;}
.viewopt a{color:#555;}
.viewopt .gon{background-position:0 -36px;font-weight:bold;}
.viewopt .goff{background-position:0 -12px;}
.viewopt .lon{background-position:0 -24px;font-weight:bold;}
.viewopt .loff{background-position:0 0px;}
.show{margin:5px;}
.paging{margin:10px 0;text-align:right;}
.prodtype{font:normal 12px/25px Tahoma;padding:0 5px;background:#e9b5d7;}
.prodtype a{font-weight:bold;}
.litems{padding:5px;border-top:1px solid #FDDBFD;border-bottom:1px solid #EFB0EF;}
.litems .box1{float:left;width:23px;height:15px;}
.litems .box2{float:left;margin:0 18px 8px 0;position:relative;}
.limg,.gitems .box2 a,.pimg a{display:table-cell;vertical-align:middle;text-align:center;background:#FFF;border:#BBB solid 1px;}
.mojozoom_marker{position:absolute;cursor:crosshair;}
.mojozoom_fill{position:absolute;width:100%;height:100%;top:0;left:0;background:#FFF;-moz-opacity:0.4;-webkit-opacity:0.4;filter:alpha(opacity=40);opacity:0.4;}
.mojozoom_imgctr{position:absolute;margin-left:20px;border:1px solid black;}
.imgzoom{display:block;text-align:center;padding:2px 0 4px;font-size:11px;visibility:hidden;}
.imglist{background:#FFF;border:#CCC solid 1px;float:left;clear:left;position:relative;top:-1px;}
.imglist a{height:30px;width:30px;padding:5px;display:table-cell;text-align:center;vertical-align:middle;}
.imglist .current{background:#CCC;}
.imglist img{max-height:30px;max-width:30px;}
.litems .box3{width:735px;float:left;}
.litems .name{font:bold 14px Arial;margin:0 0 5px;}
.litems .name a{font:bold 12px Arial;}
.litems .date,.gitems .date{color:#999;font:11px Tahoma;}
.litems .desc{margin:5px 0 0;}
.litems .addedtb{margin:10px 0 0;padding:2px 5px;background:#FDDBFD;display:inline-block;border:#EFB0EF solid 1px;}
.litems .box4{width:540px;float:right;text-align:right;margin:10px 0 0;}
.litems .box5{padding-left:15px;}
.gitems{width:24.9%;float:left;text-align:center;margin:10px 0;position:relative;line-height:14px;}
.gitems .box1{position:absolute;left:10px;}
.gitems .box2{margin:0 auto 5px;width:122px;height:122px;background:#FFF;position:relative;overflow:hidden;}
.gitems .box3,.gitems .box4{text-align:left;overflow:hidden;margin:0 0 0 35px;}
.gitems .box3{white-space:nowrap;}
.gitems .box4{height:60px;}
.gitems .addedtb{position:absolute;top:0;left:0;}
.gitems .addedtb a{display:block;line-height:20px;height:20px;background:#000;opacity:0.5;filter:alpha(opacity=50);color:#FFF;}
.gitems .price{font-size:11px;line-height:14px;}
.gitems .desc{font-size:11px;margin:5px 0 0;line-height:14px;}
.tbl{table-layout:fixed;_width:auto;}
.tbl th,.tbl td{font-size:11px;padding:4px 0;vertical-align:top;border-bottom:#D3D5E3 dotted 1px;}
.tbl th{white-space:nowrap;font-weight:normal;text-align:left;padding-right:15px;}
.tbl td{font-weight:bold;}
.tbl .noborder th,.tbl .noborder td{border:none;}
.keterangan{margin:10px 0;}
.keterangan dt{font:bold 14px "Trebuchet MS";margin:0 0 10px;}
.pimg{float:left;text-align:center;margin:0 10px 0 0;}
.sl{margin:10px 0 10px 15px;}

.sosmed{width:112px;float:right;padding:0 0 17px 0;}
.sosmed a{margin:0 3px 0 0;}
.fb ,.twt ,.gpls ,.in{width:23px;height:23px;display:block;}
.fb{background-position:-69px -18px;float:left;}
.twt{background-position:-46px -18px;float:left;}
.gpls{background-position:-23px -18px;float:left;}
.in{background-position:0px -18px;float:left;}
.slider{width:981px;margin:3px 0 5px;position:relative;}
.slider-con{position:relative;height:361px;overflow:hidden;}
.slider-con img{width:981px;height:361px;}
.slider-con li{position:absolute;width:981px;height:361px;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.slider-tab{position:absolute;left:0;bottom:10px;width:100%;height:10px;text-align:center;line-height:10px;font-size:0;text-align:center;z-index:10;}
.slider-tab a{background:#EEE;border-radius:10px;width:10px;height:10px;margin:0 3px;display:inline-block;*display:inline;*zoom:1;}
.slider-tab .current{background:#e373d1;}
.bottom{padding:10px;text-align:center;color:#000000;font-size:11px;background:#f9f;}
.bottom a{color:#fff;}
.bottom .footermenu{margin:10px 0 0;}
.bottom .footermenu a{font-weight:bold;color:#FFF;}
.bottom .cpr{color:#fff;font:10px Tahoma;}
@media only screen and (max-width:768px){
#wrap,.head,.banner,.banner img,#loginhead{width:99%;}
.hm{width:90%}
.cpname{width:70%}
.menu{width:100%}
.conbar{width:70%}
#ps{width:120%}
}
@media only screen and (max-width:480px){
#loginhead{height:50px}
.cpname{font-size:12px;width:50%}
.conbar{float:none;width:99%}
}